/* 公共样式表 */

/* 字体颜色 */
.c00 {
  color: #000;
}
.cff {
  color: #fff;
}
.c8b {
  color: #8b8b8b;
}

/* 背景颜色 */
.bg00 {
  background-color: #000;
}
.bgff {
  background-color: #fff;
}
.bge43 {
  background-color: #e43130;
}

/* Pc端版心：固定宽度，水平居中 */
.container {
  width: 1200px;
  margin: 0 auto;
}

/* Pc端背景颜色（给body设置）*/
/* 设置最小宽度，防止页面缩小时出现残缺 */
/* body {
  min-width: 1200px; 
  background-color: #f4f4f4;
}  */

/* 浮动 */
/* 设置浮动 */
.fl {
  float: left;
}
.fr {
  float: right;
}

/* 清除浮动 */
.clear {
  /* 新加一个空的div，给div设置清除浮动 */
  clear: both;
}
.clearfix:after {
  /* 父级元素内所有子元素都浮动时，给父级元素设置清除浮动 */
  content: "";
  height: 0;
  display: block;
  clear: both;
  zoom: 1; /* ie6兼容 */
}

/* 定位 */
/* 设置定位 */
.rel {
  position: relative;
}
.abs {
  position: absolute;
}
.fix {
  position: fixed;
}

/* 设置层级 */
.zi1 {
  z-index: 1;
}
.zi9 {
  z-index: 9;
}
.zi10 {
  z-index: 10;
}
.zi999 {
  z-index: 999;
}
.zi1000 {
  z-index: 1000;
}

/* flex自适应布局 */
/* 父容器设置flex并设置轴向（layout布局模式）*/
/* 从左往右 */
.flexDr {
  display: flex;
  flex-direction: row;
}
/* 从上往下 */
.flexDc {
  display: flex;
  flex-direction: column;
}
/* 居中对齐 */
.flexC {
  justify-content: center;
  align-items: center;
}
/* 主轴对齐：结束位置 */
.jcfe {
  justify-content: flex-end;
}
/* 主轴对齐：居中 */
.jcc {
  justify-content: center;
}
/* 主轴对齐：除第一个和最后一个元素以外的元素，水平均分剩余空间 */
.jcsb {
  justify-content: space-between;
}
/* 主轴对齐：所有元素水平均分空间 */
.jcsa {
  justify-content: space-around;
}
/* 单侧轴对齐：结束位置 */
.aife {
  align-items: flex-end;
}
/* 单侧轴对齐：居中 */
.aic {
  align-items: center;
}
/* 单侧轴对齐：基线 */
.aib {
  align-items: baseline;
}
/* 单侧轴对齐：拉伸（主要在y轴进行拉伸操作，不要设置高度）*/
.ais {
  align-items: stretch;
}
/* 多侧轴换行 */
.fww {
  flex-wrap: wrap;
}
/* 多侧轴对齐：结束位置 */
.acfe {
  align-content: flex-end;
}
/* 多侧轴对齐：居中 */
.acc {
  align-content: center;
}
/* 多侧轴对齐：除最上一行和最下一行以外，垂直均分剩余空间 */
.acsb {
  align-content: space-between;
}
/* 多侧轴对齐：所有行垂直均分空间 */
.acsa {
  align-content: space-around;
}
/* 多侧轴对齐：拉伸（主要在y轴进行拉伸操作，不要设置高度） */
.acs {
  align-content: stretch;
}

/* 子项 */
/* 扩展比 */
.flex1 {
  flex: 1;
}

/* 显示隐藏 */
.dpib {
  display: inline-block;
}
.dpb {
  display: block;
}
.dpn {
  display: none;
}
.ofh {
  overflow: hidden;
}
.ofs {
  overflow: scroll;
}

/* 开启怪异盒子 */
.bsbb {
  box-sizing: border-box;
}

/* 盒子水平居中 */
.mauto {
  margin: 0 auto;
}

/* 本文盒子对齐 */
.vam {
  vertical-align: middle;
}

/* input禁止高亮 */
.on {
  outline: none;
}

/* 更改手型 */
.cp {
  cursor: pointer;
}

/* 禁止选中 */
.usn {
  user-select: none;
}

/* 文字居中 */
.tac {
  text-align: center;
}

/* 字体粗细 */
.fwn {
  font-weight: normal;
}
.fwb {
  font-weight: bold;
}

/* 字体倾斜 */
.fsi {
  font-style: italic;
}

/* 字体大小 */
.fs12 {
  font-size: 12px;
}
.fs14 {
  font-size: 14px;
}
.fs16 {
  font-size: 16px;
}
.fs18 {
  font-size: 18px;
}
.fs20 {
  font-size: 20px;
}
.fs22 {
  font-size: 22px;
}
.fs24 {
  font-size: 24px;
}
.fs26 {
  font-size: 26px;
}
.fs28 {
  font-size: 28px;
}
.fs30 {
  font-size: 30px;
}
.fs32 {
  font-size: 32px;
}
.fs34 {
  font-size: 34px;
}
